<template>
  <div class="count-div">



  </div>
</template>

<script defer="true">
  let echarts = require('echarts');

export default {
  name: 'Index',
  data () {
    return {
      type:1
    }
  },
  methods: {

    init () {

    },

  },
  mounted: function () {

  },
  created: function () {
    const token=$cookies.get('token')
    if (token == null){
      this.$parent.showLogin();
      return
    }
    document.title='首页'
    this.init()

  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h1, h2 {
  font-weight: normal;
}
.count-div>div{
  margin-top: 20px;
}
.count-div>div:first-child{
  margin-top: 0px;
}
.count-item{
  text-align: center;
  border: 1px solid;
  width: 95%;
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 30px;
}
.count-div{

}
.timeAct{
  background: #bcbec2;
}
.timeItem>div{
  display: inline-block;
  margin-left: 10px;
  padding: 10px 20px;
  border: 1px solid #bcbec2;
  cursor: pointer;
}
.char_title{
  margin-bottom: 20px;
}
  .char{
    margin-top: 50px;

  }

</style>
